<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			/*img{
				width: 70px;
				height: 80px;
			}*/
			#zhong{
				position: relative;
				left: 8%;
				right: 12%;
				height: 510px;
				width: 1500px;
			}
			#hou{
				position: relative;
				left: 8%;
				right: 12%;
				height: 250px;
				width: 1500px;
			}
			.one{
				float: left;
				margin-left: 5px;
				height: 300px;
				width: 250px;
			}
			.two{
				float: left;
				margin-left: 5px;
				height: 170px;
				width: 250px;
				background-color: white;
			}
			.two2{
				
				height: 150px;
				width: 250px;
				background-color: white;
			}
			
			p{
				float: left;
				
			}
			.tu1{
				margin-left: 30px;
				margin-bottom: 0px;
				height: 163px;
				width: 200px;
				text-align: center;
			}
			.tu2{
				
				height: 90px;
				width: 250px;
			}
			.zi1{
				font-weight: bold;
				font-size: 20px;
				margin-left: 5px;
			}
			.zi2{
				position: relative;
				top: 15px;
				left: 5px;
				font-size: 13px;
				color: grey;
			}
		</style>
	</head>
	<body style="background-color: #f4f4f4;">
		<div id="">
			
	
		<!--//头标题-->
		<div style="height: 100px;">
			<h1 style="text-align: center; font-weight: bold;">频道广场</h1>
		</div>
		
		
		<!--//中间-->
		<div id="zhong" style=" height: 310px;">
			<div class="one" style="background-color: #edd8b1; ">
				<p style="float: none; text-align: center; color: #c4a268; font-size: 30px; font-weight: bold;">品质童装馆</p>
				<p style="float: none;  text-align: center; color: #808080; font-size: 20px; font-weight: bold;">好物不止五折抢</p>
				<img class="tu1" src="img/5CKF{G@YSGOU7~_HTVNBFJ9.png"/>
			</div>
			<div class="one" style="background-color: #ead8d1;">
				<p style="float: none; text-align: center; color: #a66e59; font-size: 30px; font-weight: bold;">京东图书</p>
				<p style="float: none;  text-align: center; color: #808080; font-size: 20px; font-weight: bold;">精选好书 倡享阅读</p>
				<img class="tu1" src="img/2.png"/>
			</div>
			<div class="one" style="background-color: #f4f4f4;">
				<div class="two2">
				<p class="zi1">食品饮料</p>
				<p class="zi2">吃货嘉年华</p>
				<img class="tu2" src="img/3.png"/>
			</div>
				<div class="two2">
				<p class="zi1">中外名酒</p>
				<p class="zi2">享全球美酒品美好生活</p>
				<img class="tu2" src="img/4.png"/>
			</div>
			</div>
			<div class="one" style="background-color: #f4f4f4;">
				<div class="two2">
				<p class="zi1">电脑办公</p>
				<p class="zi2">科技潮物 惠享不停</p>
				<img class="tu2" src="img/5.png"/>
			</div>
				<div class="two2">
				<p class="zi1">京东工品购</p>
				<p class="zi2">PLUS专享福利</p>
				<img class="tu2" src="img/6.png"/>
			</div>
			</div>
			
		</div>
		
		<!--//结尾-->
		<div id="hou">
			<div class="two">
				<p class="zi1">企业购</p>
				<p class="zi2">一站式企业采购平台</p>
			<img class="tu2" src="img/7.png"/>
			</div>
			<div class="two"><p class="zi1">京东超市</p>
				<p class="zi2">一站式屯生活好物</p>
				<img class="tu2" src="img/8.png"/>
			</div>
			<div class="two"><p class="zi1">新机发布</p>
				<p class="zi2">有新机更有范</p>
				<img class="tu2" src="img/9.png"/>
			</div>
			<div class="two"><p class="zi1">京东手机</p>
				<p class="zi2">一个极客的诞生</p>
				<img class="tu2" src="img/10.png"/>
			</div>
		</div>
		
			</div>
	</body>
</html>
